<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>jQuery Mobile Checkboxradio Test Suite</title>

	<script src="../../../jquery.js"></script>
	<script src="../jquery.setNameSpace.js"></script>
	<script src="../../../jquery.mobile-1.0.min.js"></script>
	<script src="../../../tests/jquery.testHelper.js"></script>

	<link rel="stylesheet"  href="../../../jquery.mobile-1.0.min.css"/>
	<link rel="stylesheet" href="../../../external/qunit.css"/>
	<script src="../../../external/qunit.js"></script>

	<script src="checkboxradio_core.js"></script>

	<script src="../swarminject.js"></script>
</head>
<body>

<h1 id="qunit-header">jQuery Mobile Checkbockradio Test Suite</h1>
<h2 id="qunit-banner"></h2>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests">
</ol>

<div data-nstest-role="page">
	<div data-nstest-role="content">
		<div data-nstest-role="fieldcontain">
			<fieldset data-nstest-role="controlgroup">
				<legend>Agree to the terms:</legend>
				<input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom"/>
				<label for="checkbox-1">I agree</label>
			</fieldset>
		</div>

		<div data-nstest-role="fieldcontain">
			<fieldset data-nstest-role="controlgroup">
				<legend>Agree to the terms:</legend>
				<input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom"/>
				<label for="checkbox-2">I agree</label>
			</fieldset>
		</div>

        <div data-nstest-role="fieldcontain" data-nstest-role="controlgroup">
            <div>
                <legend>Agree to the terms 3.1:</legend>
                <input type="checkbox" name="checkbox-3" id="checkbox-31" class="custom"/>
                <label for="checkbox-31">I agree 3.1</label>
            </div>
            <div>
                <legend>Agree to the terms 3.2:</legend>
                <input type="checkbox" name="checkbox-3" id="checkbox-32" class="custom"/>
                <label for="checkbox-32">I agree 3.2</label>
            </div>
        </div>
	</div>

<div data-role="fieldcontain" id="radio-active-btn-test">
	<fieldset data-role="controlgroup">
	  <legend>Choose a pet:</legend>
	  <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked"  />
	  <label for="radio-pet-1">Cat</label>

	  <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2"  />
	  <label for="radio-pet-2">Dog</label>

	  <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3"  />
	  <label for="radio-pet-3">Hamster</label>

	  <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4"  />
	  <label for="radio-pet-4">Lizard</label>
	</fieldset>
</div>

<div data-role="fieldcontain">
	<fieldset data-role="controlgroup">
		<legend>Agree to the terms:</legend>
		<input type="checkbox" name="checkbox-1" id="checkbox-1" class="should-be-native" />
		<label for="checkbox-1">I agree</label>
	</fieldset>
</div>

<div data-role="fieldcontain">
	<fieldset data-role="controlgroup">
		<legend>Agree to the terms:</legend>
		<input type="checkbox" name="checkbox-click-triggered" id="checkbox-click-triggered"/>
		<label for="checkbox-click-triggered">click triggered</label>
	</fieldset>
</div>
</div>

<div id="enhancetest">
    <input type="checkbox" name="checkbox-332" id="checkbox-332" class="custom"/>
    <label for="checkbox-332">I agree 3.2</label>
</div>

</body>
</html>
